<template>
  <div class="app-container home">
    <el-row :gutter="20">
      <el-col :sm="24" :lg="24">
        <blockquote class="text-warning" style="font-size: 14px">
          领取李雪牛精品套图一张
          <br/>
          <el-link
              href="https://2205-zt-dome.oss-cn-shanghai.aliyuncs.com/2024/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202024-09-28%20205053.png"
              type="primary"
              target="_blank"
          >点击领取
          </el-link
          >
          <br/>
          领取苟叮咬精品套图一张
          <br/>
          <el-link
              href="https://2205-zt-dome.oss-cn-shanghai.aliyuncs.com/2024/original_1726111037446_4c9ce7b4334f32ca277c33ca89220a85.png"
              type="primary"
              target="_blank"
          >点击领取
          </el-link
          >
          <br/>

        </blockquote>

        <hr/>
      </el-col>
    </el-row>
    <el-row :gutter="20">
      <el-col :sm="24" :lg="12" style="padding-left: 20px">
        <h2>吉祥物简介</h2>
        <p> <strong>
        李雪牛：</strong> 李雪牛是一位来自雪山的可爱吉祥物，代表着纯洁与坚强。它的形象是一头披着白色绒毛的大牛，头顶上戴着一顶小巧的红色帽子，眼睛圆溜溜的，总是带着温暖的笑容。李雪牛性格温和，乐于助人，深受大家的喜爱。它象征着勇敢面对困难，不畏严寒的精神。 </p>
        <p> <strong>
          苟叮咬：</strong> 苟叮咬是一个活泼好动的小狗吉祥物，以其敏捷和机智著称。它的身体覆盖着金色的短毛，耳朵尖尖的，尾巴像一把小刷子一样摇摆不停。苟叮咬总是充满好奇心，喜欢探索新事物，是孩子们的好朋友。它代表着快乐、活力和探索精神。 </p>

      </el-col>

      <el-col :sm="24" :lg="12" style="padding-left: 50px">
        <el-row>
          <el-col :span="12">
            <h2>形象大使</h2>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="6">
            <h4>左青龙</h4>
            <ul>
              <div class="body">
                <img
                    src="https://2205-zt-dome.oss-cn-shanghai.aliyuncs.com/2024/fa8af0a6-7d2b-4aef-99ba-9002ab497eba.gif"
                    alt="donate"
                    style="width:100%"
                />
                <span style="display: inline-block; height: 30px; line-height: 30px"
               />
              </div>
            </ul>
          </el-col>
          <el-col :span="6">
            <h4>左白虎</h4>
            <ul>
              <div class="body">
                <img
                    src="https://2205-zt-dome.oss-cn-shanghai.aliyuncs.com/2024/5daca5fa-5642-4898-9215-8f0f66d96bc7.gif"
                    alt="donate"
                    style="width:100%"
                />
                <span style="display: inline-block; height: 30px; line-height: 30px"
                />
              </div>
            </ul>
          </el-col>
        </el-row>
      </el-col>
    </el-row>
    <el-divider/>
    <el-row :gutter="20">
      <el-col :xs="24" :sm="24" :md="12" :lg="8">
        <el-card class="update-log">
          <template v-slot:header>
            <div class="clearfix">
              <span>打劫苟</span>
            </div>
          </template>
          <div class="body">
            <img
                src="https://2205-zt-dome.oss-cn-shanghai.aliyuncs.com/2024/QQ20241122-154510.png"
                alt="donate"
                style="width:100%"
            />
            <span style="display: inline-block; height: 30px; line-height: 30px"
            >你可以跟<span style="color: red">苟老师</span>干一票大的</span
            >
          </div>
        </el-card>
      </el-col>
      <el-col :xs="24" :sm="24" :md="12" :lg="8">
        <el-card class="update-log">
          <template v-slot:header>
            <div class="clearfix">
              <span>面试牛</span>
            </div>
          </template>
          <div class="body">
            <img
                src="https://2205-zt-dome.oss-cn-shanghai.aliyuncs.com/2024/NOVEMBER/22/14/12/456f2ca5-77e7-41bc-b49b-d1c3f21b1871.png"
                alt="donate"
                style="width:100%"
            />
            <span style="display: inline-block; height: 30px; line-height: 30px"
            >你可以向<span style="color: red">雪牛老师</span>请教面试问题</span
            >
          </div>
        </el-card>
      </el-col>
      <el-col :xs="24" :sm="24" :md="12" :lg="8">
        <el-card class="update-log">
          <template v-slot:header>
            <div class="clearfix">
              <span>职场精英牛</span>
            </div>
          </template>
          <div class="body">
            <img
                src="https://2205-zt-dome.oss-cn-shanghai.aliyuncs.com/2024/QQ%E5%9B%BE%E7%89%8720240926170106.jpg"
                alt="donate"
                style="width:100%"
            />
            <span style="display: inline-block; height: 30px; line-height: 30px"
            >你可以向<span style="color: red">雪牛精英</span>请教后端开发技术问题</span
            >
          </div>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>

<script setup name="Index">

function goTarget(url) {
  window.open(url, '__blank')
}
</script>

<style scoped lang="scss">
.home {
  blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
  }

  hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
  }

  .col-item {
    margin-bottom: 20px;
  }

  ul {
    padding: 0;
    margin: 0;
  }

  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #676a6c;
  overflow-x: hidden;

  ul {
    list-style-type: none;
  }

  h4 {
    margin-top: 0px;
  }

  h2 {
    margin-top: 10px;
    font-size: 26px;
    font-weight: 100;
  }

  p {
    margin-top: 10px;

    b {
      font-weight: 700;
    }
  }

  .update-log {
    ol {
      display: block;
      list-style-type: decimal;
      margin-block-start: 1em;
      margin-block-end: 1em;
      margin-inline-start: 0;
      margin-inline-end: 0;
      padding-inline-start: 40px;
    }
  }
}
</style>

